<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>登录</title>
	<script type="text/javascript" src="../common/meta.js"></script> 
	<script type="text/javascript" src="./cache.js"></script> 
	<script type="text/javascript" src="login.js"></script>
	<style type="text/css">
		.form-actions{
			background: none;
			border-top: none;
			padding-top: 0px;
		}
		section{
			padding-top:30px;
		}
		.ui-grid-a{
			padding-bottom:10px;
		}
		.ui-grid-a .ui-block-a{
    		text-align: right;
    		height: 24px;
    		padding-right:5px;
    		width: 25%;
    		
    	}
    	.ui-grid-a .ui-block-a label{
    		padding-top: 3px;
    	}
    	.ui-grid-a .ui-block-b{
    		width: 75%;
    	}
    	.ui-grid-a .ui-block-b input{
    		width:75%;
    		padding-right:20px;
    	}
    	.home{
		 	margin-top:5px;
		 	float:right;
		 }
		.ui-header .ui-title{
		    font-size: 18px;
		}
	</style>
</head>
<body>
<div id="loginPage" data-role="page" class="bodyframe">
	<div data-role="header" class="theme-info" >
		<ul class="home">
	   		<a  id="home1"><image src='../image/home_48.ico'></image></a>
	   	</ul>
		<h1 id="catagoryName">登录</h1>
	</div>
	<section>
		<form data-role="form" id="loginform"  action="" >
		<div class="ui-grid-a">
			<div class="ui-block-a">
				<label><b>用户名</b></label>
			</div>
			<div class="ui-block-b">
				<input id="login_name" name="login_name" placeholder="请输入用户名" type="text" class="{required:true,lowcase:true}"></input>
			</div>
		</div>
		<div class="ui-grid-a">
			<div class="ui-block-a">
				<label><b>密码</b></label>
			</div>
			<div class="ui-block-b">
				<input id="login_pwd" name="login_pwd" placeholder="请输入密码" type="password"  required minlength="6"></input>
			</div>
		</div> 
		</form>
		<!--<form data-role="form" id="loginform"  action="" >
		<input label="用户名" id="login_name" name="login_name" placeholder="请输入用户名" value="root" type="text" class="{required:true,lowcase:true}"    ></input>
		<input label="密码" id="login_pwd" name="login_pwd" placeholder="请输入密码" value="rootroot" type="password"  required minlength="6"></input>
		
		<input label="验证码" type="number" id="j_captcha" name="j_captcha" >
		<div class="row-fluid control-group">
		       <div class="controls">
			       <a href="#"><img id="loginValidationCode" ></a> 
		                    <a href="#"><span id='captchaImage' >看不清？换一张</span></a> 
		       </div>
		</div> -->
		<div class="form-actions">
		  <input type="button"  id="login" class="btn btn-block btn-info btn-large" value="登录"></input>
		  <a href="#registerPage" type="button" class="btn btn-block btn-info btn-large" >注册</a>
		
		</div>
		</form>
	</section>
</div>

<div id="registerPage" data-role="page" class="bodyframe">
	<div data-role="header" class="theme-info" >
		<ul class="home">
	   		<a  id="home2" ><image src='../image/home_48.ico'></image></a>
	   	</ul>
		<h1 id="catagoryName">注册</h1>
	</div>
	<section>
		<form data-role="form" id="loginzhuce"   action="">
			<div class="ui-grid-a">
				<div class="ui-block-a">
					<label><b>用户名</b></label>
				</div>
				<div class="ui-block-b">
					<input id="name" name="name" placeholder="请输入用户名" type="text" required></input>
				</div>
			</div>
			<div class="ui-grid-a">
				<div class="ui-block-a">
					<label><b>密码</b></label>
				</div>
				<div class="ui-block-b">
					<input id="newPassword" name="newPassword" placeholder="请输入密码" type="password" required></input>
				</div>
			</div>
			<div class="ui-grid-a">
				<div class="ui-block-a">
					<label><b>重复密码</b></label>
				</div>
				<div class="ui-block-b">
					<input id="reNewPassword" name="reNewPassword" placeholder="请再次输入密码" type="password" required></input>
				</div>
			</div>
		</form>
		<div class="form-actions">
			   <input type="button" id="sendForm" class="btn btn-block btn-info btn-large" value="提交"></input>
			   <a href="#loginPage" type="button" class="btn btn-block btn-info btn-large" >登陆</a>
		</div>
	</section>
</div>
</body>
</html>